.container{
    width: 1010px;
    height: 270px;
    position: relative;
    overflow: hidden;
}
.wrapper{
    width: 100%;
    height: 100%;
    position: relative;
}
.slide{
    width: 100%;
    height: 100%;
}
.slide_1{
    background: url(http://img0.kfzimg.com/operation/f9/73/f9739dd251b3d0a1b233752b1c53575d.jpg);
    background-size: 100%;
}
.slide_2{
    background: url(http://img0.kfzimg.com/operation/f3/98/f3987b8090177d46b2fc88ce15a1baaf.jpg);
    background-size: 100%;
}
.slide_3{
    background: url(http://img0.kfzimg.com/operation/89/92/899212a4fe3d5ad5fd89754dbd817f68.jpg);
    background-size: 100%;
}
.slide_4{
    background: url(http://img0.kfzimg.com/operation/9a/98/9a98ed29116d25cec4f16beaf9d68755.jpg);
    background-size: 100%;
}
.slide_5{
    background: url(http://img0.kfzimg.com/operation/05/d6/05d60fbcef3516c4d15fdd36611b1fe3.jpg);
    background-size: 100%;
}
.slide_6{
    background: url(http://img0.kfzimg.com/operation/da/df/dadfbde46341ac8f1d79665fd24e0471.jpg);
    background-size: 100%;
}
.slide_7{
    background: url(http://img0.kfzimg.com/operation/50/25/5025c6683a5910bf56f79deb717c6e3f.jpg);
    background-size: 100%;
}
.slide_8{
    background: url(http://img0.kfzimg.com/operation/9c/ba/9cbabaa7f3aedb4951fda875a78e0907.jpg);
    background-size: 100%;
}
.slide-active{
    z-index: 1;
}
.button-next,.button-prev{
    width: 40px;
    height: 40px;
    position: absolute;
    top: 50%;
    margin-top: -20px;
    z-index: 999;
}
/* .button-next{
    background: url(https://static.zcool.cn/git_z/z/widget/slider/images/svg/right_arrow.svg?v=2);
    background-size: 100%;
    background-position: center;
    right: 0;
}
.button-prev{
    background: url(https://static.zcool.cn/git_z/z/widget/slider/images/svg/left_arrow.svg?v=2);
    background-size: 100%;
    background-position: center;
    left: 0;
} */
.pagination{
    position: absolute;
    right: 20px;
    bottom: 11px;
    width: 160px;
    height: 247px;
  text-align: center;
  -webkit-transition: .3s opacity;
  -o-transition: .3s opacity;
  transition: .3s opacity;
  -webkit-transform: translate3d(0,0,0);
  transform: translate3d(0,0,0);
  z-index: 10;
}

.pagination-bullet{
    width: 100%;
    height: 30px;
    line-height: 30px;
    text-align: left;
    color: #666;
    cursor: pointer;
    font-size: 12px;
    margin-bottom: 1px;
    vertical-align: middle;
    background: rgba(255,255,255,.5);
}
.pagination-bullet-active{
    color: #505050;
    background: rgba(255,255,255,.7);
}
/* fade专用样式 */
.container.container-fade .slide{
    position: absolute;
}

.container.container-slide .wrapper{
    display: flex;
}

